const express = require('express')
const ejs = require("ejs")
const app = express()
const port = 3000

// 因为后端渲染的页面，通常是有数据的
// 所以不能发送一个静态的html过去
// 需要发送一个包含实时数据的动态的html

// 动态的html，需要使用到模板引擎，以ejs为例
// 需要安装 cnpm i ejs

// 我们要使用ejs作为项目的模板引擎
app.set('view engine', 'ejs');
// 将views文件夹作为项目的视图文件夹
app.set('views', './views');

app.get('/', (req, res) => {
  // 路径可以省略(上面已经指定过视图文件夹了)
  // 后缀可以省略
  res.render("index")
})

app.get('/home2', (req, res) => {
  // 后端可以在这里去访问数据库，从数据库中拿到想要的数据
  const count = 1238;
  const arr = [
    {id: 1, name: "zhangsan"},
    {id: 2, name: "lisi"},
    {id: 3, name: "wangwu"},
    {id: 4, name: "zhaoliu"},
  ]

  // render方法还可以传第二个参数，是需要给模板使用的变量
  res.render("index2", {
    count: count,
    arr: arr
  })
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})